<template lang="pug">
  .zgplugin-checkbox.zgplugin-empty(v-if="(!exist || !show)&&editor")
    svg-icon.empty-icon(icon-class="组件多选框")
  el-form-item.zgplugin-checkbox(v-show="show" v-else-if="exist"  :class="config.label?'':'form-label-hidden'"  :label="config.label" :prop="config.propertyName" :rules="rules")
    el-checkbox-group(v-model="rootForm.properties[config.propertyName]" :disabled="readonly" @change="change")
      el-checkbox(v-for="item in options" :label="item.value" :key="item.value") {{item.label}}
</template>
<script>
import renderCommon from "../common/renderCommon"
export default {
  mixins: [renderCommon],
  methods: {
    change() {
      return this.config.changeCb && this.getParsedFn('changeCb')()
    }
  }
}
</script>
<style lang="scss">
  .zgplugin-checkbox {
    margin-top: 16px;
    margin-bottom: 0 !important;
  }

</style>
